body {
margin: 0;
padding: 0;
}

#wrapper {
width: 80%;
min-width: 900px;
margin: 0 auto;
}

#header {
height: 100px;
width: 100%;
float: left;
border-bottom: 1px solid #ccc;
}

#category_title, #shop_title {
display: none;
}

#header form {
height: 100%;
margin-left: 5em;
float: left;
vertical-align: middle;
}

#header fieldset {
height: 100px;
vertical-align: middle;
border: 0;
}
#header label{
line-height: 100px;
margin-right: 1em;
font-size: 105%;
font-weight: bold;
font-family: 'Malgun Gothic', sans-serif;
}
#header input {
padding: 0.3em;
vertical-align: middle;
}
h1 {
margin: 0;
height: 100px;
width: 150px;
float: left;
}
h1 a {
display: block;
height: 100px;
width: 150px;
background: url(img/title.png);
text-indent: -5000px;
}

#nav {
padding: 0;
margin: 0;
height: 100px;
float: left;
clear: right;
}

#nav li{
display: inline;
padding: 0;
margin: 0;
margin-left: 3em;
height: 100px;
font-size: 105%;
font-weight: bold;
font-family: 'Malgun Gothic', sans-serif;
}

#nav li a{
line-height: 100px;
text-decoration: none;
color: black;
}

#categories {
padding: 0;
margin: 0;
clear: both;
height: 50px;
border-bottom: 1px solid #ccc;
font-size: 80%;
}

#categories li {
display: inline;
padding: 0;
margin: 0;
line-height: 50px;
float: left;
font-family: 'Malgun Gothic', sans-serif;
font-weight: bold;
}

#categories li a {
display: block;
padding: 0 2em;
margin: 0;
line-height: 50px;
float: left;
text-decoration: none;
color: black;
}
#categories li.active {
background: #999;
}
#categories li a:hover {
background: black;
color: white;
}
#shops {
width: 100%;
float: left;
padding: .5em 0;
border-bottom: 1px solid #ccc;
}
#shop_detail {
width: 20%;
float: left;
margin-left: 1em;
}
#shop_detail h3 {
margin: 0.5em 0;
padding: 0;
}
#shop_detail dl {
font-size: 80%;
line-height: 1.5em;
}
#shop_detail dt {
font-weight: bold;
float: left;
margin-right: 1em;
}
#shop_detail dd {
margin-bottom: 0.5em;
}
#shop_detail p {
font-size: 80%;
}
#shop_list {
width: 75%;
float: right;
font-size: 80%;
}
#shop_list ul {
list-style: none;
padding: 0;
}
#shop_list li {
float: left;
margin: 0 0 0.5em 1em;
padding: 0;
height: 50px;
width: 23%;
}
#shop_list .name {
width: 100%;
}
#shop_list a {
color: #999;
text-decoration: none;
}
#shop_list .phonenumber {
font-weight: bold;
}
#shop_list span {
display: block;
}

#content {
width: 100%;
float: left;
}

#footer {
clear: both;
width: 100%;
text-align: center;
font-size: 80%;
padding: 3em 0;
background: #eee;
border-top: 1px solid #ccc;

}

#shopcomment {
width: 100%;float: left;
}